<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>키즐 관리자</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <link rel="stylesheet" href="/style/common.css" />
</head>
<body>

    <!-- wrap -->
    <div id="wrap">

        <!-- header -->
        <div id="header">
            <div class="header_info">
                <h1>:: 키즐 <span>관리자</span></h1>
                <p class="top_nav">
                    <span><em>홍길동</em>님 안녕하세요.</span>
                    <a href="">서버관리</a> |
                    <a href="">SMS 발송</a> |
                    <a href="">로그아웃</a>
                </p>
            </div>
            <div class="bx_gnb">
                <ul class="gnb">
                    <li><a href="">HOME</a></li>
                    <li><a href="javascript:;">실적통계</a>
                        <ul>
                            <li><a href="">PG매출</a></li>
                            <li><a href="" class="active">CMS매출</a></li>
                        </ul>
                    </li>
                    <li><a href="">결재관리</a></li>
                    <li><a href="">가입자 정보</a></li>
                    <li><a href="javascript:;">실적통계</a>
                        <ul>
                            <li><a href="">PG매출</a></li>
                            <li><a href="" class="active">CMS매출</a></li>
                        </ul>
                    </li>
                    <li><a href="">고객만족센터</a></li>
                    <li><a href="">팝업관리</a></li>
                    <li><a href="">설치</a></li>
                    <li><a href="">재고</a></li>
                    <li><a href="">상품</a></li>
                    <li><a href="">관제센터</a></li>
                </ul>
            </div>
        </div>
        <!-- //header -->

        <!-- container -->
        <div id="container">
            <!-- [D] <div id="aside">8</div> -->
            <div id="content">
                <h2 class="section_tit">종합통계 정보 <span>설명</span></h2>

                    <nav>
                        <ul class="tab">
                            <li ><a href="">종합통계</a></li>
                            <li class="on"><a href="">회계통계</a></li>
                            <li><a href="">PG사매출</a></li>
                            <li><a href="">주문매출</a></li>
                            <li><a href="">경매매출</a></li>
                            <li><a href="">프리미엄경매</a></li>
                            <li><a href="">마켓경매</a></li>
                            <li><a href="">스마트경매</a></li>
                            <li><a href="">클래식경매</a></li>
                            <li><a href="">신입경매</a></li>
                            <li><a href="">임시결제</a></li>
                            <li><a href="">전체결제</a></li>
                            <li><a href="">월별결제</a></li>
                            <li><a href="">아이템매출</a></li>
                            <li><a href="">아이템정보</a></li>
                        </ul>
                    </nav>
                    <!-- //tabs -->

                    <div class="bx mt20">   
                        박스입니다.
                    </div>

                    <div class="mt20">
                        <input type="texst" class="input_text" />

                        <a href="" class="button">이전</a> 
                        
                        <input type="texst" class="input_text" id="date" />

                        <select name="" id="">
                            <option value="">2012년</option>
                            <option value="">2012년</option>
                            <option value="">2012년</option>
                            <option value="">2012년</option>
                        </select>

                        <select name="" id="">
                            <option value="">10월</option>
                            <option value="">10월</option>
                            <option value="">10월</option>
                            <option value="">10월</option>
                        </select>
                        
                        <a href="" class="button blue">다음</a>
                        <a href="" class="button orange">다음</a>
                        <a href="" class="button green">다음</a>
                        
                        <a href="" class="button red">다음</a>
                        <a href="" class="button black">다음</a>
                        <a href="" class="button orange middle">다음</a>
                        <a href="" class="button large bold">다음</a>
                        
                    </div>
                    <!-- //options -->

                    <div class="tbl_option">
                        <div class="option_left">
                            <select name="" id="">
                                <option value="">재고있음</option>
                            </select>
                            <a href="" class="button">주문서 다운로드</a>
                        </div>
                    
                        <div class="option_right">
                            총 26,908 건 / 페이지당 출력 수
                            <select name="" id="">
                                <option value="">20건</option>
                            </select>
                        </div>
                    
                    </div>
                    <!-- //tbl_option -->

                    <table class="tbl">
                        <thead>
                            <tr>
                                <th rowspan="2">날짜</th>
                                <th colspan="5">PG사 매출</th>
                                <th colspan="4">실매출</th>
                                <th colspan="5">매입, 비용</th>
                                <th colspan="3">취소, 환불</th>
                                <th rowspan="2">순이익</th>
                            </tr>
                            <tr>
                                <th>사탕구매</th>
                                <th>구매거부권</th>
                                <th>낙찰구매</th>
                                <th>즉시구매</th>
                                <th>합계</th>
                                <th>사탕회수</th>
                                <th>구매거부권</th>
                                <th>상품구매</th>
                                <th>합계</th>
                                <th>상품매입</th>
                                <th>배송비</th>
                                <th>광고비</th>
                                <th>실광고비</th>
                                <th>합계</th>
                                <th>결제취소</th>
                                <th>환불</th>
                                <th>합계</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th class="bg_red">1</th>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td><span class="red bold">1313</span></td>
                                <td>1</td>
                                <td><span class="blue bold">11351</span></td>
                                <td><span class="orange bold">11351235</span></td>
                                <td>1</td>
                                <td>1</td>
                                <td><span class="green bold">asdfasdf</span></td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- //table -->

                    <table class="tbl_board">
                        <thead>
                            <tr>
                                <th>번호</th>
                                <th>아이디</th>
                                <th>회원명</th>
                                <th>연속일수</th>
                                <th>총출석일</th>
                                <th>출석시작일</th>
                                <th>마지막 출석일</th>
                                <th>30일 상품</th>
                                <th>90일 상품</th>
                                <th>180일 상품</th>
                                <th>365일 상품</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>2</td>
                                <td class="bg_green">3</td>
                                <td>4</td>
                                <td>5</td>
                                <td>6</td>
                                <td>7</td>
                                <td>8</td>
                                <td>9</td>
                                <td>10</td>
                                <td>11</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>2</td>
                                <td>3</td>
                                <td>4</td>
                                <td>5</td>
                                <td>6</td>
                                <td class="bg_blue">7</td>
                                <td>8</td>
                                <td>9</td>
                                <td>10</td>
                                <td>11</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>2</td>
                                <td>3</td>
                                <td>4</td>
                                <td>5</td>
                                <td>6</td>
                                <td>7</td>
                                <td>8</td>
                                <td>9</td>
                                <td>10</td>
                                <td>11</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>2</td>
                                <td>3</td>
                                <td>4</td>
                                <td>5</td>
                                <td>6</td>
                                <td>7</td>
                                <td>8</td>
                                <td>9</td>
                                <td>10</td>
                                <td>11</td>
                            </tr>
                        </tbody>
                    </table>

                    <!-- paging -->
                    <div class="paging">
                        <a href="" class="prev"><img src="/img/comm/prev.png" alt="이전" /></a>
                        <strong class="on">1</strong>
                        <a href="">2</a>
                        <a href="">3</a>
                        <a href="">4</a>
                        <a href="">5</a>
                        <a href="" class="next"><img src="/img/comm/next.png" alt="다음" /></a>
                    </div>
                    <!-- //paging -->

                    <table class="tbl_board2">
                        <colgroup>
                            <col width="100" />
                            <col width="*" />
                        </colgroup>
                        <tbody>
                            <tr>
                                <th>일자</th>
                                <td>2</td>
                            </tr>
                            <tr>
                                <th>검색조건</th>
                                <td>2</td>
                            </tr>
                            <tr>
                                <th>검색</th>
                                <td>2</td>
                            </tr>
                            <tr>
                                <th>유형</th>
                                <td>2</td>
                            </tr>
                        </tbody>
                    </table>


                    <table class="tbl_view">
                        <colgroup>
                            <col width="100" />
                            <col width="*" />
                            <col width="100" />
                            <col width="*" />
                            <col width="100" />
                            <col width="*" />
                        </colgroup>
                        <tbody>
                            <tr>
                                <th>번호</th>
                                <td>2345</td>
                                <th>이름</th>
                                <td>asdaf</td>
                                <th>구분</th>
                                <td>
                                    <input type="checkbox" name="" id="test1" class="input_checkbox" /> <label for="test1">하이</label>
                                    <input type="checkbox" name="" id="test2" class="input_checkbox ml10" /> <label for="test2">로우</label>
                                    <input type="radio" name="" id="rtest1" class="input_radio" /> <label for="rtest1">하이</label>
                                    <input type="radio" name="" id="rtest2" class="input_radio ml10" /> <label for="rtest2">하이</label>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="6">asdfasdfasdf<br />asdfasdfasdfasdads<br />afasdfasdfasdf</td>
                            </tr>
                        </tbody>
                    </table>

                    <div class="mt10 btn_right">
                        <a href="" class="button blue">다음</a>
                        <a href="" class="button black">다음</a>
                        <a href="" class="button red">다음</a>
                        <a href="" class="button">수정</a>
                        <a href="" class="button orange">다음</a>
                        <a href="" class="button green">다음</a>
                    </div>


                    <table class="tbl_view">
                        <colgroup>
                            <col width="100" />
                            <col width="*" />
                            <col width="100" />
                            <col width="*" />
                        </colgroup>
                        <tbody>
                            <tr>
                                <th>번호</th>
                                <td>2345</td>
                                <th>번호</th>
                                <td>2345</td>
                            </tr>
                            <tr>
                                <th>번호</th>
                                <td colspan="3">2345</td>
                            </tr>
                            <tr>
                                <th>번호</th>
                                <td>2345</td>
                                <th>번호</th>
                                <td>2345</td>
                            </tr>
                            <tr>
                                <th>번호</th>
                                <td colspan="3">2345</td>
                            </tr>
                            <tr>
                                <th>번호</th>
                                <td>2345</td>
                                <th>번호</th>
                                <td>2345</td>
                            </tr>
                        </tbody>
                    </table>
            
            </div>
        </div>
        <!-- //container -->

    </div>
    <!-- //wrap -->

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script> 
    <script src="js/jquery.easing.1.3.js"></script>
     <script type="text/javascript">
        $(function() {

            // 날짜입력
            $.datepicker.setDefaults( $.datepicker.regional[ "ko" ] );
             $( "#date" ).datepicker({
                showOn: "button",
                buttonImage: "/img/comm/ico_cal.png",
                buttonImageOnly: true,
                dateFormat:"yy-mm-dd"
            });

            if(Number($.browser.version)==6){ 
                $("#header").css("position","absolute");
            }
            //gnb 네비게이션
            var $depth1 = $(".gnb > li > a"),
                 $depth2 = $depth1.next("ul").find("a");

            $depth1.each(function(e){
                var $this = $(this);
                var  index = e;
                $this.click(function(){
                    if ($this.next("ul").is(":hidden")) {
                        $depth1.removeClass("active");
                        $this.addClass("active");
                        $(".bx_gnb").animate({
                            height:"80px"
                        },200);
                        $(".gnb > li > ul").hide();
                        $this.next("ul").delay(200).show();
                    }
                });
            });

            $(window).scroll(function(){
                     if ($(document).scrollTop() > 50)     {
                            $(".header_info").slideUp(300);
                            if(Number($.browser.version) > 6){ 
                                $(".header_info").hide(300);
                            }
                     } else {
                         $(".header_info").slideDown(300);
                    }
                 });
        
 
        });
    </script>
</body>
</html>